<template>
    <div class="demo-userComp-formComp-formCompIndex">
        <div class="author-demo">
            <div>作者：黄彪</div>
            <div>日期：2017/11/02</div>
        </div>
        <Menu mode="horizontal" active-name="1" @on-select="changeMenu">
            <MenuItem name="basic-userComp-ztree-ztreeDemo">
                <Icon type="ios-paper"></Icon>ztree基本用法
            </MenuItem>
            <MenuItem name="basic-userComp-ztree-ztreeCheckboxDemo">
                <Icon type="ios-paper"></Icon>多选checkbox树
            </MenuItem>
            <MenuItem name="basic-userComp-ztree-ztreeRadioDemo">
                <Icon type="ios-paper"></Icon>单选radio树
            </MenuItem>
            <MenuItem name="basic-userComp-ztree-ztreeMenuDemo">
                <Icon type="ios-paper"></Icon>系统菜单树
            </MenuItem>
        </Menu>
        <!-- demo的容器 -->
        <router-view ></router-view>
    </div>
</template>

<script>
//  import hljs from 'highlight.js'

    export default {
        mounted: function () {
        },
        methods: {
            changeMenu: function (menuName){
                // 命名的路由
                this.$router.push({ name: menuName })
            }
        }
    }
</script>
